<template>
  <div class="order-header">
    <span class="code">订单编号：{{orderData.orderid}}</span>
    <span class="status">{{getOrderStatus}}</span>
  </div>
</template>

<script>
import mixins from '@/mixins'
export default {
  name: 'order-header',
  props: {
    orderData: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  data () {
    return {
    }
  },
  mixins: [mixins],
  methods: {
  },
  mounted () {
  },
  computed: {
    getOrderStatus () {
      switch (this.orderData.orderstatus) {
        case '0':
          return '待付款'
        case '1':
          return '待发货'
        case '2':
          return '待收货'
        case '3':
          return '已收货'
        case '4':
          return '已完成'
        case '5':
          return '已取消'
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
.order-header {
  height: 80px;
  align-items: center;
  display: flex;
  font-size: 28px;
  color: rgba(51, 51, 51, 1);
  padding-left: 28px;
  padding-right: 47px;
  box-sizing: border-box;

  // .code{

  // }
  .status {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
}
</style>
